//轮播图

$(function () {
    /*保存当前图片的索引*/
    let index = 0;
    let btn = false;
    /*去除a标签自带的刷新*/
    $('a[href=""]').prop('href', 'javascript:;');
    /*开始先把图片隐藏，默认显示第一张图*/
    $('.content>ul>li').hide();
    $('.content>ul>li:eq(0)').show();
    // 设置方向箭头图标的淡入、淡出
    $('.carousel').hover(function () {
        $('.pos').stop().fadeIn()
    }, function () {
        $('.pos').stop().fadeOut()
    })
    // 为左方向图标绑定点击事件
    $('.left').on('click', function () {
        btn = true;
        clean();
        if (index == 0) {
            index = 1;
        } else {
            --index;
        }
        show();
    })
    // 为右方向图标绑定点击事件
    $('.right').on('click', function () {
        btn = true;
        clean();
        if (index == 1) {
            index = 0;
        } else {
            ++index;
        }
        show();
    })
    //指示器指示功能（为指示器绑定点击事件）
    // $('.dot li').on('click', function () {
    //     btn = true;
    //     let now = $(this).index()
    //     if (now != index) {
    //         clean();
    //         index = now;
    //         show();
    //     }
    // })
    //自动播放功能（定时器）
    setInterval(function () {
        if (!btn) {
            clean();
            if (index == 1) {
                index = 0;
            } else {
                ++index;
            }
            show();
        } else {
            btn = false;
        }
    }, 3000)

    //清除上一张图片和指示器上的指示
    function clean() {
        $(`.content>ul>li:eq(${index})`).stop().fadeOut();
        $(`.dot>ul>li:eq(${index})`).removeClass('active');
    }
    //添加新的图片和指示器上的指示
    function show() {
        console.log(index);
        $(`.content>ul>li:eq(${index})`).stop().fadeIn();
        console.log($(`.content>ul>li:eq(${index})`))
        $(`.dot>ul>li:eq(${index})`).addClass('active');

    }
})



//走马灯
//获取窗口的宽度
var width_window=$(window).width();
var liLengthu,BoxWidth,ExpertHtml,ExpertList;
var a=1,b=1;
$(function(){

//轮播
    Expert();

});

function Expert(){
//获取li的个数
    liLengthu=$(".for_photo").length;
//获取轮播盒子的宽度
    BoxWidth=$(".middle_photo").outerWidth();
//轮播的内容
    ExpertHtml=$(".for_photo").html();

//如果li的个数不够5个 就循环添加
    if(liLengthu<5){
        for(var i=liLengthu;i<5;i++){
            $(".middle_photo").append(ExpertHtml);
        }
    }else{

    }
    ExpertHtml=$(".middle_photo").html();
    $(".middle_photo").append(ExpertHtml);
    liLengthu=$(".for_photo").length;
    $(".middle_photo").css({"width":liLengthu*200+"px"});
    ExpertList = setInterval(ExpertBanner,20);
}

//轮播
function ExpertBanner(){
    a++;
    b++;
    if(b>=BoxWidth-200){
        b=1;
        $(".middle_photo").append(ExpertHtml);
        liLengthu=$(".for_photo").length;
        $(".middle_photo").css({"width":liLengthu*200+"px"});
    }else{

    }
    $(".middle_photo").css({"margin-left":"-"+a+"px"});
}
//鼠标hover时 暂停轮播
$(document).on("mouseover",".middle_photo",function(){
    clearInterval(ExpertList);
});
//鼠标离开时 继续轮播
$(document).on("mouseout",".middle_photo",function(){
    ExpertList = setInterval(ExpertBanner,20);
});
